<template>
<div>
    <v-app-bar class="d-flex d-lg-none">
        <v-app-bar-nav-icon @click="changeDrawer"></v-app-bar-nav-icon>

        <v-toolbar-title>Yuki Drive</v-toolbar-title>

        <v-spacer></v-spacer>

        <!-- <v-btn icon>
            <v-icon>mdi-heart</v-icon>
        </v-btn>

        <v-btn icon>
            <v-icon>mdi-magnify</v-icon>
        </v-btn>

        <v-menu left bottom>
            <template v-slot:activator="{ on }">
                <v-btn icon v-on="on">
                    <v-icon>mdi-dots-vertical</v-icon>
                </v-btn>
            </template>

            <v-list>
                <v-list-item v-for="n in 5" :key="n" @click="() => {}">
                    <v-list-item-title>Option {{ n }}</v-list-item-title>
                </v-list-item>
            </v-list>
        </v-menu> -->
    </v-app-bar>
</div>
</template>

<script>
export default {
    methods: {
        changeDrawer: function () {
            this.$store.commit('changeDrawerState')
        }
    },
}
</script>

<style>

</style>
